<template>
	<view class="my-input">
		<input type="text" class="input" :value="value" @input="$emit('input',$event.target.value)" @click="go" @confirm="$emit('enter')">
	</view>
</template>

<script>
	export default {
		props:{
			value:[String,Number],
			status:{
				type:Boolean,
				default:true
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			go(){
				// 判断 status的状态 如果为false  就不调整 如果为true就跳转  因为在搜索页面使用组件的组件的时候传的sattus是false
				if(this.status){
					uni.navigateTo({
						url:'../../pages/search/search'
					})
					
				}
				
			}
		}
	}
</script>

<style lang="scss">
.my-input{
	height: 140rpx;
	width: 100%;
	background: #c00;
	display: flex;
	align-items: center;
	justify-content: center;
	.input{
		height: 50%;
		width: 80%;
		background: #fff;
		border-radius: 30rpx;
		
	}
}
</style>
